/*
* @Author: HYDN
* @Date:   2020-01-09 08:57:46
* @Last Modified by:   HYDN
* @Last Modified time: 2020-01-13 15:27:54
*/
.newuser{
	width: 100%;
	height: 80px;
}
.nav
{
	height: 35px;
	background-color: #f2f2f2;
	width: 100%;
}
.container{
	width: 1200px;
	height: 35px;
	margin: 0px auto;
}

.navleft{
	width: 400px;
	height: 35px;
	float: left;
}
.navleft>ul>li{
	float: left;
	padding: 0px 9px;
	line-height: 35px;
	color: grey;
	font-size: 11px;
	cursor: pointer;
	position: relative;
}
.wechatcode{
	position: absolute;
	top: 35px;
	left: 0px;
	display: none;
}
.wechatcode li{
	background: white;
	padding: 20px;
	text-align: center;
	color: black;
	line-height: 15px;
	color: grey;
}
.appcode{
	position: absolute;
	top: 35px;
	left: 0px;
	display: none;
}
.appcode li{
	background: white;
	padding: 10px;
	text-align: center;
	color: black;
	line-height: 15px;
	color: grey;
	font-size: 10px;
}
 .navleft>ul>li:hover{
	color: red;
} 
.navleft li:nth-of-type(2):hover{
	background: white;
}
.navleft li:nth-of-type(3):hover{
	background: white;
}
.nav .icon{
	fill: #ffb680;
	font-size: 18px;
	line-height: 35px
}
.navright{
	width: 700px;
	height: 35px;
	float: right;
}
.navright a{
	text-decoration: none;
	color: grey;
	font-size: 10px;
}
.navright a:hover{
	text-decoration: underline;
	color: red;
}
.navright>ul>li{
	display: inline-block;
	padding: 0px 9px;
	line-height: 35px;
	color: grey;
	font-size: 11px;
	cursor: pointer;
}
.navright span{
	color: grey;
	line-height: 35px;
	font-size: 11px;
}
 .navright>ul>li:hover{
	color: red;
}
 .navright li:nth-of-type(1){
	margin: 0px 0px;
}
.navright li:nth-of-type(4):hover{
	background: white;
}
.navright li:nth-of-type(5):hover{
	background: white;
}
.navright li:nth-of-type(6):hover{
	background: white;
}
.navright li span{
	color: #ff6a00;
}
.navright .customer{
	position: relative;
}
.customer ul{
	position: absolute;
	background: white;
	font-size: 10px;
	display: none;
}
.customer li{
	padding:0px 4px;
	cursor: pointer;
	color: black;
}
.customer li:hover{
	color: red;
}
.header{
	width: 1200px;
	height: 120px;
	margin: 0px auto;
}
.header h2{
	line-height:120px;
	color: #ff6a00;
	float: left;
	font-size: 35px;
	font-family: 隶书;
	margin: 0px 272px 0px 0px;
}
.hmiddle{
	width:320px ;
	height: 34px;
	margin-top: 40px;
	margin-right: 100px;
	float: left;
}
.hmiddle input{
	height: 34px;
	width: 235px;
	outline: none;
	border: 1px solid #ff6a00;
}
.hmiddle button{
	width: 83px;
	height: 35px;
	text-align: center;
	color: white;
	font-size: 17px;
	float: right;
	background: #ff6a00;
	border: 1px solid #ff6a00;
	cursor: pointer;
}
.header .r{
	float: left;
	width: 270px;
	height: 30px;
	margin-top: 40px;
}

.header .icon{
	fill: #ffb680;
	font-size: 30px;
	line-height: 35px;
	margin: auto;
}
.r span{
	font-size: 12px;
	color: grey;
	vertical-align: center;
}
.r span:nth-of-type(2){
	margin: auto 22px;
}
.nav2{
	width: 1200px;
	height: 40px;
	margin: 0px auto;
}
.nav2 span{
	width: 215px;
	background: #ff6a00;
	color: white;
	float: left;
	line-height: 40px;
	padding-left: 15px;
	cursor: pointer;
}
.nav2 ul{
	line-height: 40px;
}
.nav2 li{
	float: left;
	padding: 0px 20px;
	color: rgb(0, 0, 0,0.8);
}
.nav2 li:hover{
	color:  #ff6a00;
	cursor: pointer;
}
.banner{
	width: 100%;
	height: 440px;
	min-width: 1200px;
	margin: 0px auto;
	/* position: relative; */
	overflow: hidden;
	cursor: pointer;
}
.banner>ul{
	position: relative;
	width: 100%;
	z-index: -1;
}
.banner>ul>li{
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
}

/*.banner的中间的框*/
.banner_con{
	width: 1200px;
	height: 440px;
	position: absolute;
	left: 50%;
	margin-left: -600px;
	z-index: 1;
}

/*把轮播图的小点和箭头放在banner_con里面*/
.banner_con>ol{
	position: absolute;
	bottom: 35px;
	left: 50%;
	margin-left: -75px;
	z-index: 1;
}
.banner_con>ol>li{
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: rgb(0, 0, 0,0.5);
	float: left;
	margin:0px 10px;
	cursor: pointer;
}
.banner_con>span:nth-of-type(1){
	position: absolute;
	top: 200px;
	left: 30%;
	z-index: 2;
	font-size: 40px;
	color: rgb(255, 255, 255,0.8);
	transform:rotate(180deg);
}
.banner_con>span:nth-of-type(2){
	position: absolute;
	top: 200px;
	left: 70%;
	z-index: 2;
	font-size: 40px;
	color: rgb(255, 255, 255,0.8);	
}
.banner_con>span:hover{
	color: rgb(0, 0, 0,0.8);
}
/* 导航栏左边 */
.banner_con_left{
	width: 204px;
	height: 420px;
	padding: 10px 10px;
	background: white;
	float: left;
}
.banner_con_left li{
	display: inline-block;
	margin: 0px 6px;
	font-size: 12px;
	line-height: 23px;
}
.banner_con_left a{
	text-decoration: none;
	color: grey;
}
.banner_con_left a:hover{
	text-decoration:underline ;
	color: red;
}
.banner_con_left h4 span{
	float: right;
	font-size: 15px;

}
/* 导航栏右边 */
.banner_con>ul{
	width: 220px;
	height: 440px;
	float: right;
}
hr{
border: 0;
border-bottom: 1px solid #C0C0C0;
}
/* 导航栏的table栏 */
.banner_con_tab{
	position: absolute;
	width: 680px;
	height: 420px;
	background: white;
	float: left;
	padding-left: 30px;
	display: none;
	top: 0px;
	left: 215px;
	z-index: 4;
} 
.banner_con_tab p{
	color: grey;
	font-size: 13px;
	margin: 10px;
}
/*导航栏tab栏的小盒子，不要只设tab_1 .box的样式，因为下面
几个tab_2，tab_3,也用到box，所以把box设在banner_con_tab下*/
.banner_con_left .banner_con_tab .box{
	width: 90px;
	height: 90px;
	border: 1px solid #EEEEEE;
	display: inline-block;
	text-align: center;
}

.banner_con_left .banner_con_tab .box:hover{
	border: 1px solid #aaaaaa;
}
.banner_con_tab img{
	margin: 0px 15px;
	width: 60px;
}

.banner_con_tab a{
	margin-bottom: 10px;
	font-size: 12px;
	color: grey;
	text-decoration: none;
}
.banner_con_tab a:hover{
	color: red;
	text-decoration: underline;
}
.banner_con_tab li{
	display: inline-block;
	font-size: 12px;
	margin: 2px;
}

/* 导航栏右边*/
.banner_con_right li{
	width: 210px;
	height: 140px;
	background: red;
	margin-bottom: 5px;
	position: relative;
} 
/* .banner_con img{
	position: absolute;
	top: 0px;
	left: 0px;
} */
.banner_con_right li p:nth-of-type(1){
	position: absolute;
	top: 50px;
	left: 20px;
}
.banner_con_right li p:nth-of-type(2){
	position: absolute;
	top: 68px;
	left: 22px;
}
h4{
	color: #ff6a00;
}

.toper-server{
	width: 1200px;
	height: 50px;
	margin: 28px auto 48px;
}
.toper-server li{
	width: 200px;
	padding: 0px 15px;
	position: relative;
	display: inline-block;
}
.top-server span{
	width: 20px;
	height: 20px;
	float: left;
}
.toper-server .icon{
	font-size: 40px;
	color: red;
}
.toper-server h5{
	position: absolute;
	top: 0px;
	left: 60px;
}
.toper-server p{
	position: absolute;
	top: 24px;
	left: 60px;
	font-size: 13px;
	color: grey
}
.xianshi{
	width: 1200px;
	height: 200px;
	margin: 0px auto 38px;
}
.xianshi_1{
	width: 230px;
	height: 200px;
	background:#aacc03 ;
	float: left;
}
.xianshi_2{
	float: left;
	width: 238px;
	height: 200px;
	border: 1px solid #DDDDDD;
	position: relative;
	cursor: pointer;
}
.xianshi_2 >p{
	font-size: 13px;
	position: absolute;
	top: 100px;
	left: 16px;
}
.xianshi_2 span{
	position: absolute;
	top: 150px;
	left: 16px;
	width: 60px;
	line-height: 20px;
	display: inline-block;
	border: 1px solid red;
	font-size: 10px;
	border-radius: 20px;
	color: red;
	text-align: center;
}
.xianshi_2:hover{
	border: 1px solid #AAAAAA;
}
.xianshi_3{
	width: 246px;
	height: 200px;
	overflow: hidden;
}
.xianshi_3>img:hover{
	transform: scale(1.07,1.07);
}
.xianshi_1 .icon{
	margin: 35px 78px 25px;
	font-size: 72px;
	color: white;
}
.xianshi_1 p{
	font-size: 26px;
	color: white;
	text-align: center;
}

.section_1{
	width: 1200px;
	height: 740px;
	margin: 2px auto;
	position: relative;
}
.section_1>p{
	margin-bottom: 10px;
}
.section_1 p a:nth-of-type(1){
	text-decoration: none;
	color: grey;
	font-size: 20px;
}
.section_1 p a:nth-of-type(2){
	text-decoration: none;
	color: grey;
	font-size: 12px;
	float: right;
}
.section_1 p a:hover{
	text-decoration: underline;
	color: red;
}
.section_1 p span{
	margin-bottom: 0px;
	margin-left: 20px;
	font-size: 12px;
	color: grey
}
.section_1 .box1{
	width: 245px;
	height: 666px;
	float: left;
	background: #ffc0bb;
}
.section_1 .box2{
	width: 165px;
	height: 38px;
	margin: 70px auto;
	border: 2px solid white;
	padding-top: 12px;
	padding-left: 25px;
	font-size: 18px;
}
.section_1 .box2 a{
	color: white;
	text-decoration: none;
	cursor: pointer;
}
.section_1 .box2 a:hover{
	text-decoration: underline;
}
.section_1>ul>li{
	padding: 8px;
	width: 218px;
	height: 317px;
	float: left;
	border: 1px solid #dddddd;
	cursor: pointer;
}
.section_1>ul>li:hover{
	border: 1px solid #AAAAAA;
	color: red;
}
.section_1 li img{
	width: 218px;
	margin-bottom: 10px;
}
.section_1 li p{
	text-align: center;
	font-size: 12px;
	line-height: 22px;
}
/* 更改专区板块的颜色 */
.section_1 .box3{
	width: 245px;
	height: 666px;
	float: left;
	background: #c2acd1;
}
.section_1 .box4{
	width: 245px;
	height: 666px;
	float: left;
	background: #d6d8ec;
}
.section_1 .box5{
	width: 245px;
	height: 666px;
	float: left;
	background: white;
	border: 1px solid #dddddd;
	position: relative;
}
.section_1 .box6 a{
	color: white;
	text-decoration: none;
	cursor: pointer;
}
.section_1 .box6 a:hover{
	text-decoration: underline;
}

.section_1 .box6{
	width: 165px;
	height: 42px;
	position: absolute;
	top:250px;
	left: 10px;
	padding-top: 23px;
	padding-left: 60px;
	font-size: 18px;
	background:rgb(139,69,19,0.8);
}
.section_1 .box7{
	width: 231px;
	height: 300px;
	padding: 20px 10px;	
}
.section_1 .box7 p{
	color: #ff6a00;
	font-size: 14px;
	line-height: 27px;
}
.section_1 .box7 li{
	display: inline-block;
	color: black;
	font-size: 12px;
	margin-right: 3px;
}
.section_1 .box7 a{
	text-decoration: none;
	color: grey;
}
.section_1 .box7 a:hover{
	text-decoration: underline;
	color: red;
}
.section_1 .box8{
	width: 165px;
	height: 42px;
	position: absolute;
	top:250px;
	left: 10px;
	padding-top: 23px;
	padding-left: 60px;
	font-size: 18px;
	background:rgb(250,202,147,0.8);
}
.section_1 .box8 a{
	color: white;
	text-decoration: none;
	cursor: pointer;
}
.section_1 .box8 a:hover{
	text-decoration: underline;
}

/* 蛋糕配送城市样式 */
.section_1 .city{
	font-size: 12px;
	margin: 0px 100px;
	cursor: pointer;
	color: black;
}
.section_1 .choose{
	color: 	red;
}
.section_1 .choosebox{
	width: 380px;
	height: 380px;
	padding: 10px 0px;
	position: absolute;
	top: 25px;
	left: 250px;
	border: 1.5px solid #ff6a00;
	background: white;
	display: none;
}
.choosebox h4{
	color: #ff6a00;
	font-size: 13px;
	line-height: 27px;
	text-align: center;
}
.choosebox p{
	padding: 0px 10px;
	font-size: 12px;
	line-height: 25px;
	background: #e9ecf1;
}
.choosebox li{
	width: 70px;
	display: inline-block;
	font-size: 12px;
	text-align: center;
	margin: 8px 0px;
}
.choosebox a{
	color: grey;
	text-decoration: none;
	cursor: pointer;
}
.choosebox a:hover{
	text-decoration: underline;
	color: red;
}
.choosebox .search{
	width: 350px;
	height: 40px;
	/* border: 1px solid #AAAAAA; */
	margin: 15px 20px;
}
.choosebox input{
	width: 300px;
	height: 40px;
	border: 1px solid #AAAAAA;
	border-right: none;
	outline: none;
	float: left;
}
.choosebox .search span{
	width: 40px;
	height: 40px;
	border: 1px solid #AAAAAA;
	border-left: none;
	float: left;
	cursor: pointer
}
.choosebox .search .icon{
	width: 25px;
	height: 25px;
	margin: 7px;
}
.section_2{
	width: 1200px;
	height: 560px;
	margin: 0px auto;
}
.section_2 .user{
	width: 726px;
	height: 560px;
	float: left;
	background: #f7f9fa;
}
.section_2 .infor{
	width: 460px;
	height: 560px;
	float: right;
	background: #f7f9fa;
}
.section_2 .userh{
	padding: 13px;
	font-size: 15px;
	background: #b4babf;
	color: white;
	font-family: '黑体';
}
.section_2 .userh a{
	float: right;
	font-size: 13px;
	color: white;
	text-decoration: none;
}
.section_2 .userh a:hover{
	text-decoration: underline;
}
.section_2 .user li{
	width: 280px;
	height: 230px;
	margin:10px 30px 20px;
	display: inline-block;
}
.section_2 .user p{
	width: 280px;
	height: 40px;
}
.user li .lihead{
	width: 280px;
	height: 50px;
}
.user .tx{
	width: 35px;
	border-radius: 50%;
	float: left;
	margin: 5px;
}
.user .wuxing{
	width: 110px;
	float: left;
}
.user span{
	/* vertical-align: center; */
	font-size: 13px;
	color: grey;
}
.user .star{
	width: 110px;
}
.user p{
	font-size: 14px;
}
.user .pic img{
	width: 60px;
	height: 80px;
	text-align: center;
	padding: 10px;
	border: 1px solid  #DDDDDD;
}

.section_2 .inforh{
	padding: 13px;
	font-size: 15px;
	background: #b4babf;
	color: white;
	font-family: '黑体';
	margin-bottom: 15px;
}
.section_2 .inforh a{
	float: right;
	font-size: 13px;
	color: white;
	text-decoration: none;
}
.section_2 .inforh a:hover{
	text-decoration: underline;
}

.section_2 .infor ul{
	list-style-type:disc;
}
.section_2 .infor li{
	display: inline-block;
	height: 50px;
	font-size: 12px;
	width: 210px;
	margin-left: 10px;
	overflow: hidden;
}
.section_2 .infor li:hover{
	text-decoration: underline;
	cursor: pointer
}
.infor span{
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background:  #b4babf;
	display: inline-block;
	margin: 2px 10px 2px 5px;
}

.section_3{
	width: 1200px;
	height: 180px;
	margin: 10px auto;
	background: #f7f9fa;
}
.section_4{
	width: 1200px;
	height: 80px;
	margin: 0px auto;
	background: #ff6a00;
	padding: 22px 12px;
	box-sizing: border-box;
}
.section_4 li{
	padding: 0px 18px;
	border-right: 1px solid grey;
	display: inline-block;
}
.section_4 li:nth-of-type(8){
	border: none;
}
.section_4 .icon{
	font-size: 35px;
	color: white;
	vertical-align: middle;
	color: white;
}
.section_4 a{
	text-decoration: none;
	color: white;
	font-size: 13px;
}
/* 粘贴login */
.bfoot{
	width: 1124px;
	padding: 0px 38px;
	margin: 30px auto;
	font-size: 12px;
}
.bfoot span{
	margin: 0px 35px;
	color: grey;
}
 .bfoot a{
	text-decoration: none;
	color: grey;
}
.bfoot a:hover{
	text-decoration: underline;
	color: red;
}
.section_5{
	width: 100%;
	height: 210px;
	border: 1px solid #DDDDDD;
	background: #f7f9fa;
}
.section_5 .con{
	width: 1200px;
	height: 210px;
	margin: 0px auto;
	padding: 30px 0px;
	box-sizing: border-box;

}
.section_5 .box{
	display: inline-block;
	width: 296px;
	height: 150px;
	padding-left: 36px;
	box-sizing: border-box;
	border-right: 1px solid  #AAAAAA;
}
.section_5 .box:nth-of-type(4){
	border-right: none;
}
.section_5 .box p{
	font-size: 14px;
	margin: 15px 0px;
}
.section_5 .box li{
	display: inline-block;
	margin-right: 30px;
	font-size: 13px;
	color: grey;
}

/* 复制login.html */

.bfmiddle{
	width: 540px;
	margin: 30px auto;
}
.bfoot1{
    width: 880px;
	padding: 0px 160px;
	margin: 0px auto;
	font-size: 12px;
	color: grey;
}
.bfoot1 a:hover{
	color: red;
	text-decoration: underline
}
.bfoot1 a{
	margin: 0px 5px;
	color: grey;
	text-decoration: none;
}
.bfoot2{
    width: 240px;
	padding: 0px 480px;
	margin: 5px auto 30px;
	font-size: 12px;
	color: grey
}
.bfoot2 a:hover{
	color: red;
}
.seek{
	position: fixed;
	right: 60px;
	bottom: 0px;
	background: #ff6a00;
	width: 145px;
	line-height: 40px;
	color: white;
	font-size: 17px;
	text-align: center;
}
.seek span{
	width: 40px;
	height: 40px;
	float: left;
	border-right: 1px solid;
}
.seek .icon{
	color: white;
	font-size: 24px;
}
.frilink{
	width: 1200px;
	margin: 20px auto;
	padding: 20px 0px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.frilink li{
	display: inline-block;
	font-size: 12px;
	margin: 3px;
}
.frilink a:hover{
	color: red;
	text-decoration: underline
}
.frilink a{
	color: grey;
	text-decoration: none;
}
.aside{
	width:34px;
	height: 100%;
	background:#595656;
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 3;
}
.aside .con{
	width: 34px;
	height: 373px;
	position: fixed;
	top: 25%;
}
.aside li{
	display: inline-block;
	width: 34px;
	/* margin: 10px 0px; */
	box-sizing: border-box;
	color: white;
	text-align: center;
	font-size: 12px;
	position: relative;
}
.aside li:hover{
	background: #ff6a00;
	cursor: pointer;
}
.aside li:nth-of-type(2){
	height: 130px;
	padding: 20px 8px;
	margin: 10px auto;
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
}
.aside .icon{
	font-size: 18px;
	margin: 10px 0px;
}
.aside .apeople{
	width: 300px;
	height: 180px;
	background: white;
	border: 1px solid 	#dddd;
	border-right: none;
	position: absolute;
	right: 34px;
	top: 0px;
	display: none;
}
.aside .tx{
	width: 80px;
	height: 80px;
	margin: 20px auto 10px;
	border-radius: 50%;
	overflow: hidden;
}
.aside p{
	text-align: center;
	color: black;
}
.aside a{
	text-align: center;
	color: black;
	font-size: 12px;
	margin: 0px 3px;
	color: red;
}
.aside .foot{
	width: 100%;
	line-height: 30px;
	margin-top: 25px;
	background: #dddd;
	color: black;
	font-size: 13px;
}
.aside .foot .icon{
	vertical-align: middle;
	margin: 5px;
}
/* 画一个三角形 */
.aside .sjx{
	position: absolute;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid white;
	top: 10px;
	right: 45px;
	display: none;
}
.aside .sjx1{
	position: absolute;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid white;
	top: 10px;
	right: 29px;
	display: none;
	
}
.aside .tip{
	width: 80px;
	height: 30px;
	text-align: center;
	position: absolute;
	right: 50px;
	top: 0px;
	background: white;
	color: black;
	line-height: 30px;
	border: 1px solid 	#dddd;
	font-size: 10px;
	display: none
}